<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Hello MUI</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<!--标准mui.css-->
	<link rel="stylesheet" href="css/mui.css">

		
</head>
<body>
<div class="mui-content">
	<div class="mui-card">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-collapse nav_li">
				<a class="mui-navigate-right" href="#">
					<span class="img"><?php echo "<img src='images/catalog.png' alt='图片' width='23' height='23'>";?></span>
					<span class="text">第二章 这里是第章的作业</span>
				</a>
				<a href="" class="add_img">
					<?php echo "<img src='images/add.png' alt='图片' width='29' height='29'>";?>
				</a>
				<a href="" class="tri_img tri_up">
					<?php echo "<img src='images/tri-up.png' alt='图片' width='15' height='10'>";?>
				</a>
				<!-- <ul class="mui-collapse-content nav2">
					<li class="nav2_li">
						<a href="" class='tri2_img'><?php //echo "<img src='images/tri-right.png' alt='图片' width='10' height='15'";?></a>
						<a href="" class="nav2_a" id="nav2_a">这里是第二章的第一次作业名称</a>
					</li>
					<li class="nav2_li">
						<a href="" class='tri2_img'><?php //echo "<img src='images/tri-right.png' alt='图片' width='10' height='15'";?></a>
						<a href="" class="nav2_a">这里是第二章的第二次作业名称</a>
					</li>
				</ul> -->
			</li>
		</ul>
	</div>
</div>

<script src="js/mui.min.js"></script>
<script>
	mui.init({
		swipeBack:true //启用右滑关闭功能
	});
</script>

</body>
</html>